$(function() {
    // 关闭广告
    $('.top-banner .module .icon-cha').click(function() {
        $(this).parents('.top-banner').hide();
    });
    $('.shopCart').hover(function() {
        $(this).addClass('hovers');
        $(this).find('.dorpdown-layer').show();
    }, function() {
        $(this).removeClass('hovers');
        $(this).find('.dorpdown-layer').hide();
    });

    // 轮播模块
    var flag = 1;
    $('.hd li').click(function() {
        var $index = $(this).index();
        $(this).addClass('on').siblings('li').removeClass('on');
        $('.range li').eq($index).addClass('op1').siblings('li').removeClass('op1');
        flag = $index + 1;
    });
    focusLB()

    function focusLB() {
        setInterval(() => {
            if (flag == $('.range li').length) {
                flag = 0;
            }
            $('.range li').eq(flag).addClass('op1').siblings('li').removeClass('op1');
            $('.hd li').eq(flag).addClass('on').siblings('li').removeClass('on');
            flag++;
        }, 3000);
    }

    $('.vip-item-t span').click(function() {
        $(this).addClass('fred').siblings('span').removeClass('fred');
        $('.vip-item-con').eq($(this).index()).addClass('vipblock').siblings('.vip-item-con').removeClass('vipblock');
    });
    // 滚动显示隐藏导航栏
    $(window).scroll(function() {
        if ($(this).scrollTop() >= 120) {
            $('.attached-search-container').addClass('show');
        } else {
            $('.attached-search-container').removeClass('show');
        }
    });

    // 产品轮播区域
    (function() {
        var $flag = 0;
        var interId = null;
        // 显示左右按钮
        $('.tempWrap').hover(function() {
            clearInterval(interId);
            $('.prev').add('.next').show().hover(function() {
                $('.prev').add('.next').show();
                clearInterval(interId);
            }, function() {
                $('.prev').add('.next').hide();
                autoPlay();
            });
        }, function() {
            $('.prev').add('.next').hide();
            autoPlay();
        });
        // 克隆
        $('.tempWrap li').clone().appendTo('.tempWrap ul');
        // 单击 下一张

        $('.next').click(function() {
            $flag++;
            if ($flag == $('.tempWrap li').length - 5) {
                $flag = 1;
                $('.tempWrap ul').css('left', '0');
            }
            $('.tempWrap ul').stop().animate({
                left: -$flag * 238
            });
        });

        // 上一张
        $('.prev').click(function() {
            if ($flag == 0) {
                $flag = $('.tempWrap li').length - 6;
                $('.tempWrap ul').css('left', `${-$flag*238}`);
            }
            $flag--;
            $('.tempWrap ul').stop().animate({
                left: -$flag * 238
            });
        });


        autoPlay();

        function autoPlay() {
            interId = setInterval(() => {
                $('.next').click();
            }, 3000);
        }
    })();
    // 尖货盛典 插入
    (function() {
        let rels = '';
        for (let i = 1; i <= 10; i++) {
            rels += `
            <a href="javascript:void(0);">
                <img src="./commonImg/jh1-${i}.jpg" alt="">
            </a>
            `;
        }
        $('.venue_act_list').html(rels);
    })();

    // 楼梯导航
    (function() {
        let $offen = true;
        let topMax = $('.homeindex .w1200').eq(0);
        $(window).scroll(function() {
            //获取滚动高度
            if ($(this).scrollTop() >= topMax.offset().top) {
                $('.yl-nav').show();
                // 回到顶部
                $('.lift-top').click(function() {
                    $('html,body').stop().animate({ scrollTop: 0 }, 500);
                });
            } else {
                $('.yl-nav').hide();
            };
            // 滚动遍历
            $('.homeindex .w1200').each((i, ele) => {
                if ($(this).scrollTop() >= $(ele).offset().top) {
                    $('.yl-nav .lift-item').eq(i).addClass('yl-active').siblings().removeClass('yl-active');
                }
            });

        });
        $('.yl-nav .lift-item').click(function() {
            $offen = false;
            var _index = $(this).index();
            $(this).addClass('yl-active').siblings().removeClass('yl-active');
            let _height = $('.homeindex .w1200').eq(_index).offset().top;
            $('body,html').animate({ scrollTop: _height }, 500, );
        });
    })();



    // 首页数据渲染
    (function() {
        let rels = '';
        data.indexData.mainpic.forEach(item => {
            rels += `
            <li>
                <a href="./page/details.html#${item.goodid}indexData/mainpic">
                    <div class="p-img">
                        <img src="${item.goodurls.nowurl}" alt="">
                    </div>
                    <div class="p-name">
                        ${item.goodtitle}
                    </div>
                    <div class="p-price">
                        <div class="shop-price">¥${item.goodzprice}</div>
                        <div class="original-price">¥${item.goodprice}</div>
                    </div>
                </a>
            </li>
            `;
        });
        $('.lift-channel ul').html(rels);
    })();

});